<!-- add "navbar-no-scroll" class to disable the scrolling of the sidebar menu -->
<ul class="page-sidebar-menu" data-auto-scroll="true" data-slide-speed="200">
	<li class="sidebar-toggler-wrapper">
		<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		<div class="sidebar-toggler hidden-phone">
		</div>
		<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
	</li>
	<li class="sidebar-search-wrapper">
		<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		<form class="sidebar-search" action="extra_search.html" method="POST">
			<div class="form-container">
				<div class="input-box">
					<a href="javascript:;" class="remove">
					</a>
					<input type="text" placeholder="<?php trans('search') ?>..."/>
					<input type="button" class="submit" value=" "/>
				</div>
			</div>
		</form>
		<!-- END RESPONSIVE QUICK SEARCH FORM -->
	</li>
	<li class="start active ">
		<a href="<?php echo admin_url(); ?>">
			<i class="fa fa-home"></i>
			<span class="title">
                <?php trans('dashboard') ?>
			</span>
			<span class="selected">
			</span>
		</a>
	</li>
	<li>
		<a href="javascript:;">
			<i class="fa fa-users"></i>
			<span class="title">
				<?php trans('users') ?>
			</span>
		</a>
	</li>
	<li>
		<a href="javascript:;">
			<i class="fa fa-qrcode"></i>
			<span class="title">
				<?php trans('article') ?>
			</span>
		</a>
	</li>
	<li>
		<a href="javascript:;">
			<i class="fa fa-puzzle-piece"></i>
			<span class="title">
				<?php trans('media') ?>
			</span>
		</a>
	</li>
	<li>
		<a href="javascript:;">
			<i class="fa fa-exchange"></i>
			<span class="title">
				<?php trans('translate') ?>
			</span>
		</a>
	</li>
	<li>
		<a href="javascript:;">
			<i class="fa fa-globe"></i>
			<span class="title">
				<?php trans('website') ?>
			</span>
			<span class="arrow ">
			</span>
		</a>
		<ul class="sub-menu">
			<li>
				<a href="components_pickers.html">
					 <i class="fa fa-sitemap"></i> <?php trans('category') ?>
				</a>
			</li>
			<li>
				<a href="components_dropdowns.html">
					 <i class="fa fa-list"></i> <?php trans('menu') ?>
				</a>
			</li>
		</ul>
	</li>
	<li>
		<a href="javascript:;">
			<i class="fa fa-cogs"></i>
			<span class="title">
				<?php trans('system') ?>
			</span>
			<span class="arrow ">
			</span>
		</a>
		<ul class="sub-menu">
			<li>
				<a href="form_controls.html">
					 <i class="fa fa-cog"></i> <?php trans('config') ?>
				</a>
			</li>
			<li>
				<a href="form_layouts.html">
					 <i class="fa fa-globe"></i> <?php trans('language') ?>
				</a>
			</li>
		</ul>
	</li>
</ul>